<script setup lang="ts">
import { ref, onMounted } from 'vue';
const ipt = ref<HTMLInputElement | null>(null)


onMounted(() => {
  // 1.可选链 如果说没有值直接就返回undefined  不再往后找了
console.log(ipt.value?.value)
// 可选链操作符不能赋值
// ipt.value?.value
// 2.使用逻辑判断
if (ipt.value) {
  ipt.value.value = 'vue3真有意思'
}
// 3. 非空断言 -定要确认不为空
ipt.value!.value = '123'

})
</script>

<template>
  <div class="app-page">
    <div>我是app</div>
    <input type="text" ref="ipt" value="vue3真滴简单">
  </div>
</template>

<style lang="scss" scoped></style>
